@charset "UTF-8";

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

#content_wrap {
	position: relative;
	background: #fff;
	margin: 0 -500%;
}

.ddo-wrap {
	font-size: 20px;
	line-height: 1.5;
	font-feature-settings: "palt";
}

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


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

.l-inner {
	max-width: 1020px;
	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;
	box-shadow: 10px 8px 15px -10px #777777;
	padding: 30px;
}

.borderBox-ttlWrap {
	background: #767676;
	padding: 15px;
	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 {}
}

/* noShadow */
.borderBox.borderBox--noShadow {
	box-shadow: none;
}

/* orange01 */
.borderBox.borderBox--orange01 {
	background: #ffffcc;
}

.borderBox.borderBox--orange01 .borderBox-ttlWrap {
	background: #fcea9f;
}

/* green01 */
.borderBox.borderBox--green01 {
	background: #f3ffde;
}

.borderBox.borderBox--green01 .borderBox-ttlWrap {
	background: #d1f2b6;
}

/* green02 */
.borderBox.borderBox--green02 {}

.borderBox.borderBox--green02 .borderBox-ttlWrap {
	background: rgb(223, 228, 68);
	background: linear-gradient(180deg, rgba(223, 228, 68, 1) 0%, rgba(235, 239, 185, 1) 100%);
}

/* green3 */
.borderBox.borderBox--green03 {}

.borderBox.borderBox--green03 .borderBox-ttlWrap {
	background: #96e296;
}

/* blue01 */
.borderBox.borderBox--blue01 {}

.borderBox.borderBox--blue01 .borderBox-ttlWrap {
	background: #1d2087;
}

.borderBox.borderBox--blue01 .borderBox-ttlWrap * {
	color: #fff;
}

/* white01 */
.borderBox.borderBox--white01 {
	box-shadow: 10px 10px 2px -3px #7f7f7f;
}

.borderBox.borderBox--white01 .borderBox-ttlWrap {
	background: #fff;
}

/* --------------------------------------
roundedBox
-------------------------------------- */
.roundedBox {
	background: #ddd;
	border: 2px solid #595757;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 10px 8px 15px -10px #777777;
}

.roundedBox-ttlWrap {
	text-align: center;
}

.roundedBox-content {}

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

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

	.roundedBox-content {}
}

/* purple01 */
.roundedBox.roundedBox--purple01 {
	background: #f4e6ff;
	border-color: #4c3cb4;
}

/* --------------------------------------
roundFillBox
-------------------------------------- */
.roundFillBox {
	background: #ddd;
	border-radius: 10px 10px 20px 20px;
	padding: 30px;
}

.roundFillBox-ttlWrap {
	background: #767676;
	border-radius: 8px 8px 0 0;
	text-align: center;
	padding: 10px;
	margin: -30px;
	margin-bottom: 0;
}

.roundFillBox-content {}

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

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

	.roundFillBox-content {}
}

/* brown */
.roundFillBox.roundFillBox--brown01 {
	background: #ffe8cf;
}

.roundFillBox.roundFillBox--brown01 .roundFillBox-ttlWrap {
	background: #fec388;
}



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

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

.largeBox-content {
	padding-top: 30px;
	background: rgb(147, 147, 147);
	background: linear-gradient(180deg, rgba(147, 147, 147, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}

/* blue01 */
.largeBox.largeBox--blue01 .largeBox-ttlWrap {
	background: #a8eaef;
}

.largeBox.largeBox--blue01 .largeBox-content {
	background: rgb(209, 242, 247);
	background: linear-gradient(180deg, rgba(209, 242, 247, 1) 0%, rgba(209, 242, 247, 1) 80%, rgba(255, 255, 255, 0) 100%);
}

/* pink01 */
.largeBox.largeBox--pink01 .largeBox-ttlWrap {
	background: rgb(213, 51, 105);
	background: linear-gradient(90deg, rgba(213, 51, 105, 1) 0%, rgba(212, 108, 148, 1) 70%, rgba(212, 108, 148, 1) 100%);
}

.largeBox.largeBox--pink01 .largeBox-content {
	background: rgb(255, 242, 185);
	background: linear-gradient(180deg, rgba(255, 242, 185, 1) 0%, rgba(255, 242, 185, 1) 60%, rgba(255, 255, 255, 1) 100%);
}

@media screen and (max-width:767px) {
	.largeBox-content {
		padding-top: 20px;
	}
}



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

/* blue01 */
.list-normal.list-normal--blue01 li:before {
	background: #5cbcec;
}


/* --------------------------------------
text-min
-------------------------------------- */
.text-min {
	font-family: "vdl-v7mincho", "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
-------------------------------------- */
.ddo-wrap .text-color-base {
	color: #333;
}

.ddo-wrap .text-color-red {
	color: #E50012;
}

.ddo-wrap .text-color-pink {
	color: #e3007f;
}

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

.ddo-wrap .text-color-yellow {
	color: #fffc01;
}

.ddo-wrap .text-color-seagreen {
	color: #1d9ea9;
}

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

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

.ddo-wrap .text-color-brown {
	color: #7f3207;
}

.ddo-wrap .text-color-purple {
	color: #5d499a;
}

.ddo-wrap .text-color-lightyellow {
	color: #FFFF00;
}

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

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

/* --------------------------------------
order_btn 
-------------------------------------- */
.order_btn {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width:767px) {
	.order_btn {
		margin-left: 5px;
		margin-right: 5px;
	}
}

/*-------------------------------
info_txt
-------------------------------*/
/*価格変更のご案内*/
.info_txt {
	padding: .8em;
	border: 2px solid red;
	text-align: center;
	max-width: 900px;
	margin: 30px auto;
}

.info_txt p {
	color: red;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.info_txt {
		font-weight: bold;
		padding: .8em;
		border: 2px solid red;
		text-align: center;
		max-width: 900px;
		margin: 0 10px 30px;
	}

	.info_txt p {
		text-align: left;
		font-size: 14px;
	}
}

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

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


  /* --------------------------------------
col-3
-------------------------------------- */
.ddo-wrap .col-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ddo-wrap .col-3.col-3--reverse {
	flex-direction: row-reverse;
}
.ddo-wrap .col-3-item {
	flex: 0 1 31.5%;
}
@media screen and (max-width:767px){
	.ddo-wrap .col-3 {
		display: block;
	}
	.ddo-wrap .col-3-item:not(:first-child) {
		margin-top: 20px;
	}
  }

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

/*-------------------------------
main_visual
-------------------------------*/
.main_visual {}

.main_mv {
	max-width: 1300px;
	margin: auto;
}

.main_lead {
	background: #f4fcdc;
	padding: 30px 0;
	text-align: center;
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	.main_lead {

	}
}

/*-------------------------------
ddo_headbnr
-------------------------------*/
.ddo_headbnr {
	margin: 0 auto;
	background: #D30012;
	padding: 5px 14px;
	max-width: 1300px;
}
.ddo_headbnr-content {
	position: relative;
}
.ddo_headbnr-text {
	font-size: 35px;
	text-align: center;
}
.ddo_headbnr-text span {
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	.ddo_headbnr {
		padding: 5px 10px;
		margin: 0 -15px;
	}
	.ddo_headbnr-text {
		font-size: 4.5vw;
		line-height: 1.2;
	}
}


/*-------------------------------
ddo_movie
-------------------------------*/
.ddo_movie {}

h2.ddo_movie-ttl {
	padding: 20px 0;
	font-size: 58px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_movie-subTtl {
	position: relative;
	font-size: 32px;
	text-align: center;
	line-height: 1.3;
}

.ddo_movie-subTtl::before,
.ddo_movie-subTtl::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 4px;
	height: 130%;
	background: #02489e;
	border-radius: 20px;
}

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

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

.ddo_movie-area {
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	h2.ddo_movie-ttl {
		font-size: 7vw;
		padding: 0;
	}

	.ddo_movie-subTtl {
		font-size: 4vw;
	}

	.ddo_movie-subTtl::before,
	.ddo_movie-subTtl::after {
		width: 2px;
		height: 100%;
	}

	.ddo_movie-subTtl::before {
		left: 10px;
	}

	.ddo_movie-subTtl::after {
		right: 10px;
	}
}


/*-------------------------------
ddo_recommond
-------------------------------*/
.ddo_recommond {}

h2.ddo_recommond-ttl {
	font-size: 48px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_recommond-subTtl {
	font-size: 42px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_recommond-leadImg {
	display: flex;
	justify-content: space-between;

}

.ddo_recommond-leadImg-item {
	flex: 0 1 445px;
}

.ddo_recommond-leadText {
	margin: 40px 0;
	text-align: center;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	h2.ddo_recommond-ttl {
		font-size: 6.5vw;
	}

	.ddo_recommond-subTtl {
		font-size: 4vw;
	}

	.ddo_recommond-leadText {
		margin: 20px 0;
		text-align: left;
	}
	.ddo_recommond-leadImg {
		display: block;
	}
	.ddo_recommond-leadImg-item {
		/* flex: 0 1 48%; */
	}
	.ddo_recommond-leadImg-item:not(:first-child) {
		margin-top: 10px;
	}

}

/*-------------------------------
ddo_interview
-------------------------------*/
.ddo_interview {}

h2.ddo_interview-ttl {
	padding: 0.2em 0;
	font-size: 45px;
	font-weight: 900;
	line-height: 1.3;
	background: #fff;
	border-top: 3px solid #4c3cb4;
	border-bottom: 3px solid #4c3cb4;
}

.ddo_interview-subTtl {
	font-size: 30px;
	text-align: center;
}

.ddo_interview-content {
	display: flex;
	justify-content: space-between;
}

.ddo_interview-contentImg {
	flex: 0 0 452px;
	margin-right: 20px;
}

.ddo_interview-contentText {
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	h2.ddo_interview-ttl {
		font-size: 6vw;
	}

	.ddo_interview-subTtl {
		font-size: 18px;
		text-align: left;
	}

	.ddo_interview-content {
		display: block;
		margin-top: 10px;
	}

	.ddo_interview-contentImg {
		margin-right: 0;
	}

	.ddo_interview-contentText {
		line-height: 1.4;
	}
}


/*-------------------------------
ddo_expo
-------------------------------*/
.ddo_expo {}

h2.ddo_expo-ttl {
	font-size: 46px;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
}

h2.ddo_expo-ttl>span {

}

.ddo_expo-ttl-01 {
	font-size: 67px;
}

.ddo_expo-ttl-02 {
	font-size: 80px;
	padding-left: 50px;
}

.ddo_expo-content {}

.ddo_expo-contentImg {
	transform: translateY(-48px);
}

.ddo_expo-contentText {}

@media screen and (max-width: 767px) {
	h2.ddo_expo-ttl {
		font-size: 7vw;
	}

	.ddo_expo-ttl-01 {
		font-size: 7vw;
	}

	.ddo_expo-ttl-02 {
		font-size: 8vw;
		padding-left: 0;
	}

	.ddo_expo-contentImg {
		transform: translateY(-30px);
	}

}


/*-------------------------------
ddo_video
-------------------------------*/
.ddo_video {}

h2.ddo_video-ttl {
	position: relative;
	font-size: 46px;
	font-weight: 900;
	line-height: 1.3;

}
.ddo_video-ttl-icon {
	position: absolute;
	right: 34%;
	top: 10%;
}

h2.ddo_video-ttl {
	margin-bottom: 10px;
}

h3.ddo_video-subTtl {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	h2.ddo_video-ttl {
		font-size: 5.5vw;
	}

	h2.ddo_video-ttl img {
		max-width: 32vw;
	}

	h3.ddo_video-subTtl {
		text-align: center;
		font-size: 20px;
	}
}

/*-------------------------------
ddo_audio
-------------------------------*/
.ddo_audio {}

h2.ddo_audio-ttl {
	font-size: 46px;
	font-weight: 900;
	line-height: 1.3;
}

h2.ddo_audio-ttl {
	margin-bottom: 10px;

}

h3.ddo_audio-subTtl {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}

/* 画像を下揃えにする */
.ddo_audio-itemBottom {
	display: flex;
	flex-direction: column;
}

.ddo_audio-itemBottom-child {
	margin-top: auto;
}

@media screen and (max-width: 767px) {
	h2.ddo_audio-ttl {
		font-size: 5.5vw;
	}

	h2.ddo_audio-ttl img {
		max-width: 32vw;
	}

	h3.ddo_audio-subTtl {
		text-align: center;
		font-size: 20px;

	}

}

/*-------------------------------
ddo_map
-------------------------------*/
.ddo_map {}

h2.ddo_map-ttl {
	font-size: 46px;
	font-weight: 900;
	line-height: 1.3;
}

h2.ddo_map-ttl {
	margin-bottom: 10px;
}

h3.ddo_map-subTtl {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.ddo_mapMonitorBox {
	position: relative
}

.ddo_mapMonitorBox-img02 {
	position: absolute;
	width: 163px;
	right: 48px;
	top: 133px;
}

.ddo_mapMonitorBox-text {
	position: absolute;
	width: 33%;
	right: 0;
	top: 70px;
}

.ddo_map-itemMore .col-2-item:nth-child(1) {
	flex: 0 1 59%;
}

.ddo_map-itemMore .col-2-item:nth-child(2) {
	flex: 0 0 346px;
	margin-right: 30px;
}

@media screen and (max-width: 767px) {
	h2.ddo_map-ttl {
		font-size: 5.5vw;
	}

	h2.ddo_map-ttl img {
		max-width: 45vw;
	}

	h3.ddo_map-subTtl {
		text-align: center;
		font-size: 20px;

	}

	.ddo_mapMonitorBox-img02 {
		position: absolute;
		width: 30vw;
		right: 3vw;
		top: 42vw;
	}

	.ddo_mapMonitorBox-text {
		position: static;
		width: auto;
		padding-right: 30vw;
	}

	.ddo_map-itemMore .col-2-item:nth-child(2) {
		margin-right: 0;
	}

}

/*-------------------------------
ddo_book
-------------------------------*/
.ddo_book {}

h2.ddo_book-ttl {
	font-size: 46px;
	font-weight: 900;
	line-height: 1.3;
}

h2.ddo_book-ttl {
	margin-bottom: 10px;
}

h3.ddo_book-subTtl {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.ddo_bookImgBox {
	position: relative;
	min-height: 500px;
}

.ddo_bookImgBox-img01 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.ddo_bookImgBox-img02 {
	position: absolute;
	left: -40px;
	top: 0;
}

.ddo_bookImgBox-text {
	position: absolute;
	width: 50%;
	right: 0;
	top: 30px;
}

@media screen and (max-width: 767px) {
	h2.ddo_book-ttl {
		font-size: 5.5vw;
	}

	h2.ddo_book-ttl img {
		max-width: 64vw;
	}

	h3.ddo_book-subTtl {
		text-align: center;
		font-size: 20px;
	}

	.ddo_bookImgBox {
		min-height: auto;
	}

	.ddo_bookImgBox-img01 {
		position: static;
	}

	.ddo_bookImgBox-img02 {
		position: absolute;
		width: 30vw;
		right: auto;
		left: 0;
		top: 0;
	}

	.ddo_bookImgBox-img02 img {
		transform: rotate(-23deg);
	}

	.ddo_bookImgBox-text {
		position: static;
		width: auto;
	}

}


/*-------------------------------
ddo_heritage
-------------------------------*/
.ddo_heritage {}

h2.ddo_heritage-ttl {
	font-size: 36px;
	font-weight: 900;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	h2.ddo_heritage-ttl {
		font-size: 6vw;

	}

	h2.ddo_heritage-ttl img {
		max-width: 32vw;
	}

	.ddo_heritage-itemImg {
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
	}

}

/*-------------------------------
ddo_multi
-------------------------------*/
.ddo_multi {}

h2.ddo_multi-ttl {
	font-size: 58px;
	font-weight: 900;
	line-height: 1.3;
	text-align: left;
}

h2.ddo_multi-ttl>span {
	display: block;
}

.ddo_multi-content {
	max-width: 1300px;
}

.ddo_multi-ttlInner {
	display: flex;
	align-items: center;
}

.ddo_multi-ttlImg {
	flex: 0 1 182px;
}

.ddo_multi-ttlText {
	flex: 0 1 auto;
	margin-left: 10px;
}

@media screen and (max-width: 767px) {
	.ddo_multi .largeBox-ttlWrap {
		padding-left: 10px;
		padding-right: 5px;
	}
	h2.ddo_multi-ttl {
		font-size: 5.9vw;
	}

	.ddo_multi-ttlInner {
		margin: 0;
	}

	.ddo_multi-ttlImg {
		flex: 0 1 16vw;
	}

	.ddo_multi-ttlText {
		margin-left: 5px;
	}
	.ddo_multi-contentImg {
		margin-left: -30vw;
		margin-right: -22vw;
	}

}



/*-------------------------------
ddo_charm
-------------------------------*/
.ddo_charm {}

h2.ddo_charm-ttl {}

h3.ddo_charm-subTtl {
	position: relative;
	font-size: 33px;
	font-weight: 900;
	line-height: 1.3;
	padding: 10px;
	margin-bottom: 24px;
	padding-left: 78px;
	background: rgb(191, 222, 138);
	background: linear-gradient(90deg, rgba(191, 222, 138, 1) 0%, rgba(210, 232, 173, 1) 76%, rgba(255, 255, 255, 1) 100%);
}

.ddo_charm-subTtl::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 64px;
	height: 65px;
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_27.png);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
}

.ddo_charm-list li:nth-child(1) .ddo_charm-subTtl::before {
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_27.png);
}

.ddo_charm-list li:nth-child(2) .ddo_charm-subTtl::before {
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_28.png);
}

.ddo_charm-list li:nth-child(3) .ddo_charm-subTtl::before {
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_29.png);
}

.ddo_charm-list li:nth-child(4) .ddo_charm-subTtl::before {
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_30.png);
}

.ddo_charm-list li:nth-child(5) .ddo_charm-subTtl::before {
	background-image: url(/contents/shop/00000003/image/static/ddo/ddo_img_31.png);
}

.ddo_charm-listItem {
	margin-top: 40px;
}

/* ラクラク操作で楽しみは無限大! */
.ddo_charm-control {}

.ddo_charm-controlInner {
	display: flex;
	justify-content: space-between;
}

.ddo_charm-controlImg {
	flex: 0 0 302px;
	margin-right: 60px;
}

.ddo_charm-controlText {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
}

.ddo_charm-controlTextImg {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 20px;
}

/* 360度回転で見たい国をすぐ探せる! */
.ddo_charm-search {}

.ddo_charm-searchInner {
	position: relative;
	padding-right: 474px;
	min-height: 200px;
}

.ddo_charm-searchImg {
	position: absolute;
	top: -70px;
	right: 0;
}

.ddo_charm-searchText {}

/* インテリアとしてもお部屋に映える! */
.ddo_charm-interior {}

.ddo_charm-interiorInner {
	display: flex;
	justify-content: space-between;
}

.ddo_charm-interiorImg {
	flex: 0 0 415px;
	margin-top: 10px;
}

.ddo_charm-interiorText {}

/* ご家族との会話が盛り上がる! */
.ddo_charm-family {}

.ddo_charm-familyInner {
	position: relative;
	padding-right: 492px;
	/*min-height: 350px;*/
	min-height: 290px;
}

.ddo_charm-familyImg-01 {
	position: absolute;
	/*top: -147px;
	right: 0;*/
	top: 0px;
	right: 70px;
}

.ddo_charm-familyImg-02 {
	position: absolute;
	top: 108px;
	right: 156px;
	margin-left: 50px;
}

.ddo_charm-familyText {}

/* 製造は国内大手メーカー */
.ddo_charm-manufacturer {}

.ddo_charm-manufacturersubTtl {
	font-size: 28px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_charm-manufacturerItem {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	background: #ffe8cf;
	padding: 20px;
}

.ddo_charm-manufacturerItem:not(:first-child) {
	margin-top: 20px;
}

.ddo_charm-manufacturerProfile {
	flex: 0 0 229px;
	margin-right: 30px;
}

.ddo_charm-manufacturerText {
	flex: 0 1 auto;
}

@media screen and (max-width: 767px) {
	h2.ddo_charm-ttl {
		font-size: 5.4vw;
	}

	h3.ddo_charm-subTtl {
		font-size: 18px;
		padding-left: 48px;
		margin-bottom: 20px;
	}

	.ddo_charm-subTtl::before {
		content: "";
		position: absolute;
		width: 34px;
		height: 35px;
	}

	.ddo_charm-listItem {
		margin-top: 20px;
	}

	/* ラクラク操作で楽しみは無限大!(SP) */
	.ddo_charm-controlInner {
		display: block;
	}

	.ddo_charm-controlImg {
		float: left;
		width: auto;
		margin-right: 10px;

	}

	.ddo_charm-controlImg img {
		max-width: 30vw;
	}

	.ddo_charm-controlTextImg {
		margin-left: -33vw;
	}

	/* 360度回転で見たい国をすぐ探せる!(SP) */
	.ddo_charm-search {}

	.ddo_charm-searchInner {
		padding-right: 0;
	}

	.ddo_charm-searchImg {
		position: static;
		margin-left: 0;
	}

	.ddo_charm-searchText {
		flex: 0 1 auto;
	}

	/* インテリアとしてもお部屋に映える!(SP) */
	.ddo_charm-interiorInner {
		display: block;
	}

	/* ご家族との会話が盛り上がる! (SP) */
	.ddo_charm-familyInner {
		padding-right: 0;
		min-height: initial;
	}

	.ddo_charm-familyImg {
		display: flex;
		align-items: flex-end;
	}

	.ddo_charm-familyImg-01 {
		position: static;
	}

	.ddo_charm-familyImg-02 {
		position: static;
		margin-left: 0;
	}

	.ddo_charm-familyText {}

	/* 製造は国内大手メーカー(SP) */
	.ddo_charm-manufacturersubTtl {
		font-size: 23px;
	}

	.ddo_charm-manufacturerItem {
		display: block;
		padding: 15px;
	}

	.ddo_charm-manufacturerProfile {
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		max-width: 50vw;
	}

	.ddo_charm-manufacturerText {}
}

/* --------------------------------------
ddo_userVoice
-------------------------------------- */
.ddo_userVoice {}

.ddo_userVoice-ttlWrap {
	position: relative;
	z-index: 2;
	background: #739cdf;
	background: linear-gradient(180deg, rgba(115, 156, 223, 1) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
	text-align: center;
	padding: 20px 20px 0;
	margin: -40px;
	margin-bottom: 0;
	border-radius: 18px 18px 0 0;
}

.ddo_userVoice-ttlWrap:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: calc(100% - 14px);
	height: 100%;
	margin: -14px;
	border-radius: 18px 18px 0 0;
	background: rgb(232, 255, 255);
	background: linear-gradient(180deg, rgba(232, 255, 255, 1) 0%, rgba(255, 255, 255, 0.07886904761904767) 24%, rgba(255, 255, 255, 0.07886904761904767) 42%, rgba(255, 255, 255, 0.0760679271708683) 60%, rgba(255, 255, 255, 0) 100%);
}

.ddo_userVoice-ttl {
	font-size: 52px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_userVoice-ttlInner {
	position: relative;
	z-index: -1;
	display: flex;
	align-items: flex-start;
	margin-left: 23px;
	min-height: 120px;
}

.ddo_userVoice-ttlImg {
	flex: 0 0 203px;
}

.ddo_userVoice-ttlImg img {
	position: absolute;
	margin-top: auto;
	bottom: -10px;
	left: 0;
}

.ddo_userVoice-ttlText {
	flex: 0 1 auto;
	margin-left: 5px;
	text-align: left;
}

.ddo_userVoice-content {
	background: #e8ffff;
	border: 2px solid #595757;
	border-radius: 20px;
	padding: 40px;
}

.ddo_userVoice-list {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(50% - 40px), 1fr));
	gap: 20px;
}

.ddo_userVoice-list li {
	background: #fff;
	border: 2px solid #0000af;
	border-radius: 20px;
	padding: 1em 1em;
}

@media screen and (max-width:767px) {
	.ddo_userVoice {}

	.ddo_userVoice-ttlWrap {
		margin: 0 -15px 0;
		min-height: initial;
	}

	.ddo_userVoice-ttlWrap:before {
		width: calc(100% - 10px);
		margin: -15px;
	}

	.ddo_userVoice-ttl {
		font-size: 6.6vw;
		text-align: left;
	}

	.ddo_userVoice-ttlInner {
		margin-left: 0;
		min-height: initial;
		padding-bottom: 10px;
	}

	.ddo_userVoice-ttlText {
		margin-left: 10px;
	}

	.ddo_userVoice-ttlImg {
		flex: 0 0 27vw;
	}

	.ddo_userVoice-ttlImg img {
		width: 27vw;
	}

	.ddo_userVoice-content {
		padding: 10px 15px;
		padding-top: 0;
	}

	.ddo_userVoice-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		gap: 14px;
	}
}

/*-------------------------------
ddo_spec
-------------------------------*/
.ddo_spec {}

h2.ddo_spec-ttl {
	font-size: 48px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_speImg {
	object-fit: contain;
}

.borderBox-ttlWrap {
	position: relative;
	z-index: 2;
}

.ddo_spec-content {
	position: relative;
	z-index: 1;
	margin: -30px;
}

.ddo_specBox {
	position: absolute;
	right: 50px;
	top: 160px;
	width: 472px;
	padding: 20px;
	background: rgba(255, 255, 255, 1);
}

.ddo_specBox-text ul,
.ddo_specBox-text li,
.ddo_specBox-text dd {
	display: inline;
}

.ddo_pecBox-notes {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
	h2.ddo_spec-ttl {
		font-size: 5.5vw;
	}

	.ddo_spec-content {
		margin: -15px;
	}

	.ddo_specBox {
		position: static;
		width: auto;
		padding: 10px;
	}

	.ddo_pecBox-notes {}

}



/*-------------------------------
ddo_bonus
-------------------------------*/
.ddo_bonus {}

h2.ddo_bonus-ttl {
	font-size: 48px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_bonus-content {}

.ddo_bonus-visual {
	position: relative;
	background: #dad493;
	min-height: 360px;
	border-top: 2px solid #dcdca4;
	border-right: 3px solid #959067;
	border-bottom: 3px solid #959067;
	border-left: 2px solid #dcdca4;
}

.ddo_bonus-visual::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-top: 2px solid #f1f1e8;
	border-right: 1px solid #959067;
	border-bottom: 1px solid #959067;
	border-left: 2px solid #f1f1e8;
}

.ddo_bonus-visualImg {
	position: absolute;
	top: 6%;
	left: 5%;
}

.ddo_bonus-visualIcon {
	position: absolute;
	bottom: -8%;
	right: 4%;
}

.ddo_bonus-visualIcon {
	position: absolute;
	bottom: -8%;
	right: 4%;
}

.ddo_bonus-text {
	margin-top: 40px;
}

.ddo_bonus-specList li {
	display: inline-block;
}

.ddo_bonus-specList li:not(:first-child) {
	margin-left: 14px;
}

@media screen and (max-width: 767px) {
	h2.ddo_bonus-ttl {
		font-size: 5.5vw;
	}

	.ddo_bonus-visual {
		min-height: 23vh;
	}

	.ddo_bonus-visualIcon {
		max-width: 40vw;
		bottom: -8%;
		right: 4%;
	}

	.ddo_bonus-text {
		margin-top: 20px;
	}

}


/*-------------------------------
ddo_outline
-------------------------------*/
.ddo_outline {}

h2.ddo_outline-ttl {
	font-size: 48px;
	font-weight: 900;
	line-height: 1.3;
}

.ddo_outline-content {
	overflow: hidden;
}

h3.ddo_outline-itemTtl {
	font-size: 23px;
	padding: 0.1em 0.2em;
}

h3.ddo_outline-itemTtl:not(:first-child) {
	margin-top: 20px;
}

dl.ddo_outline-itemContent {
	margin-top: 10px;
	line-height: 1.5;
}

dt.ddo_outline-itemArea-name {
	display: inline-block;
	background: #006824;
	padding: 0 0.2em;
	border-radius: 3px;
	color: #fff;
	line-height: 1.3;
}

dt.ddo_outline-itemArea-name:not(:first-child) {
	margin-left: 10px;
}

dd.ddo_outline-itemArea-content {
	display: inline;
}

.ddo_outline-itemList {
	display: inline;
}

.ddo_outline-itemList li {
	display: inline;
}


@media screen and (max-width: 767px) {
	h2.ddo_outline-ttl {
		font-size: 5.5vw;
	}

	h3.ddo_outline-itemTtl {
		font-size: 18px;
	}

	h3.ddo_outline-itemTtl:not(:first-child) {
		margin-top: 20px;
	}
}


/* --------------------------------------
slider
-------------------------------------- */
.ddo_slider .loading_icon:before {
	content: url(/contents/shop/00000003/image/static/ddo/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;
}

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

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

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

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

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

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

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

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

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

.ddo_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) {
	.ddo_slider .flex-direction-nav a {
		margin: 0 25vw 0;
		top: 103vw;
	}

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